<template>
	<view class="table">
		<!-- 表头 -->
		<view style="display: flex;flex-direction: row;">
			
		</view>
		<!-- 表体 -->
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name: 'hg-table',
		props:{
			borderWidth: {			// 边框的粗细
				type: [Number, Boolean, String],
				default: '1px',
			},
			borderColor: {			// 边框颜色
				type: [String],
				default: 'black',
			},
			valign: {						// 垂直对齐
				type: String,
				default: 'center'
			},
			halign: {						// 水平对齐
				type: String,
				default: 'center'
			},
			columns: {					// 简略表头：caption | {caption, width, icon, }
				type: Array,			// expand: 无限扩展列宽，fit-caption：自动适应列标题宽度，fit-max：自动适应最长内容宽度，fit-min：自动适应最短内容宽度
				default: [],			// fit-mid：自动适应中等内容宽度，
			},
			theme:{							// 表格主题：strip，none
				type: String,
				default: 'strip'
			},
			width:{							// 表格宽度
				type: String,
				default: '750rpx',
			},
			height:{						// 表格高度
				type: String,
				default: 'auto'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
	
</style>
